{extends file="layout.tpl"}
{block name="content"}
<div class="box-content box-list-story">
	<h3 class="bgh3">{$box_title}</h3>
	<div class="mcontent">
		<ol class="m-list">
		{$i=0}
		{foreach $stories as $story}
			<li class="m-item{if (($i++)%2==0)} m-event{/if} {if ($i==count($stories))} m-last{/if}">
				<div class="m-row ">
					<div>
						<h2>
							<img alt="Hot" src="{url path="images/icon/arrow.png"}" />
							<a title="{$story['name']}" href="{$story['link']}">{$story['name']}</a>
							{if $story['is_hot'] == 1}
								<img alt="Hot" src="{url path="images/icon/hot.gif"}" />
							{/if}
						</h2>
					</div>
				</div>
			</li>
		{/foreach}
		</ol>
		{if $pagination != ''}
		<div class="paper">
			{$pagination}
		</div>
		{/if}
	</div>
	{if $type == 'funnystory'}
	<div class="mt10">
		<h3 class="bgh3">Thể loại {$category_name}</h3>
		<div class="mcontent">
			{stories_types category_id="{$category_id}"}
				<ol class="m-list-type">
					{foreach $stories_types as $story_type}
						<li>
							<img alt="{$story_type['name']}" src="{url path="images/icon/arrow.png"}" />
							<a href="{$story_type['link_type']}" title="{$story_type['name']}">{$story_type['name']}</a>
						</li>
					{/foreach}
				</ol>
			{/stories_types}
		</div>
	</div>
	{/if}
</div>
{/block}